$(function () {
    // 加载日期
    loadDate();
    // ======================================
    // 显示隐藏侧边栏
    $("#show_hide_btn").click(function () {
        switchSysBar();
    });
    // ======================================
});

//加载当前日期
function loadDate() {
    var time = new Date();
    var myYear = time.getFullYear();
    var myMonth = time.getMonth() + 1;
    var myDay = time.getDate();
    if (myMonth < 10) {
        myMonth = "0" + myMonth;
    }
    document.getElementById("day_day").innerHTML = myYear + "." + myMonth + "."
        + myDay;
}

//面板的切换:本质就是改变图片和class属性
$(function () {

    //绑定点击事件(id选择器下的所有元素.事件源就是被点中那个li)
    $("#TabPage2 li").click(function () {

        //因为图片的图片的特征是123(这里表示的是给面板复位,回到原始的状态)
        $.each($("#TabPage2 li"),function (index,ele) {

            //删除所有的selected样式
            $(this).removeClass("selected");
            $(this).children("img").prop("src","/images/common/"+(index +1)+".jpg");
        });

        //获取被点击面板的索引
        var i = $(this).index() + 1;
        //切换图片
        $(this).children("img").prop("src","/images/common/"+i+"_hover.jpg");
        //设置class样式
        $(this).addClass("selected");


        //获取到点击的事件源的
        var menu = $(this).data("rootmenu");
        //调用初始化的方法
        loadMenu(menu);
    });

    //初始化菜单树(根据kye获取value,让它默认显示业务模块)
   loadMenu("business");
});

function loadMenu(index) {
    //通过点击事件,获取索引拿到对应的数据
    $.fn.zTree.init($("#dleft_tab1"),setting,Nodes[index]);
}

//菜单树设置
var setting = {
    data:{
        //启动JSON简单格式
        simpleData:{
            enable:true
        }
    },
    //设置节点的点击事件
    callback: {

        onClick: function (e,treeId,node) {

            var parentNode = node.getParentNode();
            //表示如果有父节点就进入执行
            if (parentNode != null) {
                var msg = "当前位置："+parentNode.name+"&nbsp;>&nbsp;"+node.name;
                $("#here_area").html(msg);
                //获取要跳转的界面资源
                $("#rightMain").prop("src","/"+node.action+".do");
            }
        }
    },
    //发送异步请求获取数据
    async:{
        //这里表示开启异步请求
        enable:true,
        //请求的资源
        url:"/systemMenu/getMenuSn.do",
        //参数
        autoParam:["sn=menuSn"]
    }

};
//把菜单做成一个成员变量,存放到JSON对象中
var Nodes = {
    systemManage:[
        {id:1,pId:0,name:"系统模块",sn:"system",isParent:true}
        ],
    business :[
        {id:1,pId:0,name:"业务模块",sn:"business",isParent:true}
    ],
    charts:[
        {id:1,pId:0,name:"即时库存报表",sn:"chart",isParent:true}
    ]
};

/**
 * 隐藏或者显示侧边栏
 *
 */
function switchSysBar(flag) {
    var side = $('#side');
    var left_menu_cnt = $('#left_menu_cnt');
    if (flag == true) { // flag==true
        left_menu_cnt.show(500, 'linear');
        side.css({
            width: '280px'
        });
        $('#top_nav').css({
            width: '77%',
            left: '304px'
        });
        $('#main').css({
            left: '280px'
        });
    } else {
        if (left_menu_cnt.is(":visible")) {
            left_menu_cnt.hide(10, 'linear');
            side.css({
                width: '60px'
            });
            $('#top_nav').css({
                width: '100%',
                left: '60px',
                'padding-left': '28px'
            });
            $('#main').css({
                left: '60px'
            });
            $("#show_hide_btn").find('img').attr('src',
                '/images/common/nav_show.png');
        } else {
            left_menu_cnt.show(500, 'linear');
            side.css({
                width: '280px'
            });
            $('#top_nav').css({
                width: '77%',
                left: '304px',
                'padding-left': '0px'
            });
            $('#main').css({
                left: '280px'
            });
            $("#show_hide_btn").find('img').attr('src',
                '/images/common/nav_hide.png');
        }
    }
}
